<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>我的名片</title>
	<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
	<header>
		<section>
			<img src="./images/pic3.png">
			<div>
				<p class="userName">谢大帅</p>
				<p class="userPosition">产品经理</p>
				<p class="userCompany">深圳腾讯总公司</p>
			</div>	
		</section>
	</header>
	<section class="form">
		<table>
			<tr>
				<td>名字</td>
				<td class="userName">谢大帅</td>
			</tr>
			<tr>
				<td>电话</td>
				<td class="userPhone">13412589502</td>
			</tr>
			<tr>
				<td>地址</td>
				<td class="userAddress">广东省深圳市罗湖区湖光大厦B栋114号</td>
			</tr>
			<tr>
				<td>微信</td>
				<td class="userWeixin">A1562_xds</td>
			</tr>
			<tr>
				<td>邮箱</td>
				<td class="userEmail">521145608@qq.com</td>
			</tr>
			<tr>
				<td>公司</td>
				<td class="userCompany">深圳市腾讯总公司</td>
			</tr>
			<tr>
				<td>职位</td>
				<td class="userPosition">产品经理</td>
			</tr>
		</table>
	</section>
	<footer>
		<img src="./images/pic1.jpg">
	</footer>
</body>
</html>